<nz-empty *ngIf="!model || !model.length" nzNotFoundImage="simple" [nzNotFoundContent]="contentTpl">
  <ng-template #contentTpl>
    <span i18n>No Request Body</span>
  </ng-template>
</nz-empty>
<div *ngIf="model && model.length">
  <!-- Formdata -->
  <ul class="p-base" *ngIf="contentType === 'formData'">
    <li *ngFor="let item of model">
      <span class="text-tips fwb">{{ item.name }}: </span><span>{{ item.value }}</span>
    </li>
  </ul>
  <!-- JSON / XML / Raw -->
  <eo-monaco-editor
    *ngIf="contentType !== 'formData'"
    class="m-[20px] border-all"
    [autoHeight]="true"
    [(code)]="model"
    [config]="{ readOnly: true }"
    [eventList]="['type', 'format', 'copy', 'search']"
  ></eo-monaco-editor>
</div>
